<template>
    <div>
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="goBack"></a>
            <h1 class="mui-title">{{title}}</h1>
        </header>
    </div>
</template>
<script>
    export default {
        data(){
            return {
            }
        },
        props:['title'],//声明接收父组件参数
        methods:{
            goBack(){
                this.$router.go(-1); //根据浏览器记录返回上一次
            }
        }
    }
</script>
<style scoped>
    .mui-bar.mui-bar-nav{
        position: fixed;
        background-color: #26a2ff;
    }
    .mui-bar-nav.mui-bar .mui-icon {
        color: white;
    }
    .mui-bar .mui-title {
        color: white;
    }
</style>